<!--component html goes here -->

<div class="Headscreen" (click)="$event.stopPropagation();">
    <input type="text" class="input-text" (keydown)="screenInputkeydown($event)" [(ngModel)]="searchInput">
    <div class="number-div">
        <input type="number" class="input-number min">
        <span></span>
        <input type="number" class="input-number max">
    </div>
    <div class="date-div">
        <div class="date-top">
            <span>日期区间</span>
            <!-- <span>固定月份</span>
            <span>固定日期</span> -->
        </div>
        <div>
            <date-component [(dateStart)]="dateStart" [(dateEnd)]="dateEnd"></date-component>
        </div>
    </div>
    <ul>
        <li *ngFor="let text of li_arr" (click)="ulDomliClick($event)">{{text}}</li>
    </ul>
    <div class="sorts">
        <span>排序:</span>
        <span class="sorts-span" [ngClass]="{'act': actSortsSpan=='default'}" (click)="actSortsSpan='default'">默认</span>
        <span class="sorts-span" [ngClass]="{'act': actSortsSpan=='down'}" (click)="actSortsSpan='down'">正序</span>
        <span class="sorts-span" [ngClass]="{'act': actSortsSpan=='upward'}" (click)="actSortsSpan='upward'">倒序</span>
    </div>
    <div class="button-div">
        <button class="resetButton" (click)="resetButton()">清空</button>
        <button class="okButton" (click)="screenOk()">确定</button>
    </div>
</div>
<canvas (mousedown)="mousedownCanvas($event)" (contextmenu)="contextmenuCanvas($event);$event.preventDefault()" (click)="clickCanvas($event)" (wheel)="wheelCanvas($event);$event.preventDefault()" (mousemove)="mousemoveCanvas($event)" (mouseout)="mouseoutCanvas($event)"></canvas>